//  自定义分享弹层
.share-image-modal{
  $height: 240px;
  z-index: 10000;
  position: fixed;

  .share-image{
    top: calc(50% - #{$height / 2});
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    .share-loading{
      display: flex;
      flex-direction: column;
      align-items: center;
      color: #fff;
      @keyframes myRotate{
        0%{ -webkit-transform: rotate(0deg);}
        50%{ -webkit-transform: rotate(180deg);}
        100%{ -webkit-transform: rotate(360deg);}
      }
      .load-icon{
        font-size: 120px;
        animation: myRotate 1500ms linear infinite;
      }
      .load-text{
        font-size: 28px;
        margin-top: 20px;
      }
    }
  }

  .share-bottom{
    height: $height;
    display: flex;
    .share-btn{
      flex: 1;
      margin: 0;
      line-height: normal;
      border-radius: 0;
      &:after{display: none;}
    }
    .btn-icon{
      width: 80px;
      height: 80px;
      font-size: 40px;
      background: #F0EEEF;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-bottom: 20px;
    }
    .btn-text{
      font-size: 24px;
    }
  }
}
